
/* 滚动条样式 */
/* 滚动条滑道尺寸 */
::-webkit-scrollbar
{
    width: 6px;
    height: 6px;
}
/* 滚动条滑道颜色 */
::-webkit-scrollbar-track {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 3px #000;

}
/* 滚动条滑块颜色 */
::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 3px #fff;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(155,155,155,0.4);
}
::-webkit-scrollbar-thumb:hover{
    background-color:rgba(0,0,0,0.4);
   }


.tree-dialog{
    .button-bar{
        text-align: center;
        margin:30px 0px;
    }
}

[disabled]{
    cursor: not-allowed;
}

table{
    border-collapse: collapse;
}

ul,li{
	padding:0;
	margin:0;
	list-style: none;
}

#workbench > .main  .content> .list{
  overflow: hidden;
}
#workbench > .main  .filter + .list{
  overflow: hidden;
}

//通用列表组件
.list-component{
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	//搜索栏
	.search-bar {
		margin: 10px;
		border: 1px solid #eee;
		.el-input__inner{
			height:35px;
			line-height:35px;
		}
		.el-radio{
			margin-right: 10px;
		}
		.el-form-item__content{
			//width:200px;
			line-height: 35px;
		}
		.el-form-item__label{
			font-weight: bolder;
			line-height: 35px;
		}
		.el-date-editor .el-range-separator{
			line-height: 29px;
		}
		.el-date-editor .el-range__icon{
			line-height: 29px;
		}
		&.el-form.el-form--inline {
		  display: flex;
		  flex-wrap: wrap;
		  .el-form-item {
			flex-basis: 280px;
			flex-grow: 0;
			margin: 10px;
		  }
		}
	}
	
	//列表
	.list {
	  margin: 10px;
	  margin-top: 0px;
	  border: 1px solid #eee;
	  flex: 1;
	  display: flex;
	  flex-direction: column;
	  overflow: hidden;
	  .button-bar {
	    .btn {
	      margin: 10px;
	    }
	  }
	  .data {
	    flex: 1;
	    overflow: auto;
	  }
	  .el-table--striped .el-table__body{
		  tr.el-table__row--striped td{
		  		  background-color: #f6fdff;
		  }
		  td{
			  border-bottom: none;
		  }
	  }
	   
	  .el-table th{
		  background-color: #e0f5ff;
	  }
	  .el-table thead{
		  color:#347b9c;
	  }
	}
	
	.el-dialog{
		width:900px;
	}
	
}

//通用编辑组件
.edit-component{
	height: 100%;
	display: flex;
	flex-direction: column;
	flex: 1;
	.el-form{
		flex:1;
		.el-form-item__label{
			//flex-basis: auto !important;
		}
	}
	.button-bar{
	    text-align: center;
	    margin: 20px;
	    .el-button{
	      margin:0px 10px;
	    }
	}
	
	
	.el-input__suffix{
		.icon{
			padding:10px;
			font-size: 20px;
			cursor: pointer;
			&:hover{
				color: #409eff;
			}
		}
	}
	.el-input:hover{
		.icon{
			color: #409eff;
		}
	}
	
}


//通用详情组件
.detail-component{
	flex: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	padding-bottom: 100px;
	overflow: auto;
	.item{
		flex: 40%;
		margin:10px;
		.label{
			//width:70px;
			text-align: right;
			color: #333;
			display: inline-block;
			margin-right: 10px;
		}
		.value{
			color: #666;
		}
		&.span100{
			flex:100%
		}
	}
	.el-table{
		th{
			background-color: #e8f3ff;
		}
	}
}

.fieldset{
	flex:100%;
	padding:5px 20px;
	border: none;
	color: #333;
	font-weight: bolder;
	font-size: 14px;
	margin-left: 0;
	margin-bottom: 10px;
	padding: 0;
	&::before{
		content: '';
		width: 3px;
		height: 1em;
		display: inline-block;
		background-color: #4877E6;
		margin-right: 10px;
		vertical-align: middle;
		line-height: 0em;
		margin-top: -3px;
	}
	
}

.el-dialog{
	.el-dialog__header {
	    padding: 5px 20px 10px;
	    background: #005384;
	}
	.el-dialog__title {
	    line-height: initial;
	    font-size: 16px;
	    color: #a7deff;
	}
	.el-dialog__headerbtn{
		top:10px;
		.el-dialog__close{
			color:#a7deff;
		}
	}
}
